<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>多尼卡NOC运营平台</title>
<!-- Tell the browser to be responsive to screen width -->
<meta
	content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"
	name="viewport">
<!-- Bootstrap 3.3.5 -->
<link href="//cdn.bootcss.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet">
<link href="//cdn.bootcss.com/font-awesome/4.4.0/css/font-awesome.min.css" rel="stylesheet">
<!--<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
 Font Awesome 
<link rel="stylesheet"
	href="resources/font-awesome-4.3.0/css/font-awesome.min.css">-->
<!-- Ionicons 
<link rel="stylesheet"
	href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">-->
<!-- Theme style -->
<link rel="stylesheet" href="plugins/jQueryUI/jquery-ui.min.css">

<link rel="stylesheet" href="dist/css/AdminLTE.min.css">
<!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
<link rel="stylesheet" href="dist/css/skins/_all-skins.min.css">
<style type="text/css">
iframe {
	width: 100%;
	border: 0;
}

.close-tab {
	font-size: 5px;
	position: absolute;
	right: 2px;
	top: 0px;
	padding-left: 25px;
	z-index: 100;
	cursor: hand;
	cursor: pointer;
	color: #94A6B0;
}

.myNav {
	padding-top: 5px;
	padding-left: 2px;
	padding-bottom: 2px;
	margin-bottom: 1px;
	font-size:14x;
	font-weight:bold;
    font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif;
    

}

</style>
<script type="text/javascript">
	
</script>
</head>
<body class="hold-transition skin-blue sidebar-mini" ng-app="idcApp"
	ng-controller="indexController">
	<div class="wrapper">

		<header class="main-header">
			<!-- Logo -->
			<a href="index2.html" class="logo"> <!-- mini logo for sidebar mini 50x50 pixels -->
				<span class="logo-mini"><b>NOC</b></span> <!-- logo for regular state and mobile devices -->
				<span class="logo-lg"><b>多尼卡NOC业务运营平台</b></span>
			</a>
			<!-- Header Navbar: style can be found in header.less -->
			<nav class="navbar navbar-static-top" role="navigation">
				<!-- Sidebar toggle button-->
				<a href="#" class="sidebar-toggle" data-toggle="offcanvas"
					role="button"> <span class="sr-only">Toggle navigation</span>
				</a>
				<div class="navbar-custom-menu">
					<ul class="nav navbar-nav">
						<!--信息 Messages: style can be found in dropdown.less-->
						<li class="dropdown messages-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="fa fa-envelope-o"></i> <span class="label label-success">4</span>
						</a>
							<ul class="dropdown-menu">
								<!-- 下拉消息 -->
								<li class="header">You have 4 messages</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li>
											<!-- start message --> <a href="#">
												<div class="pull-left">
													<img src="dist/img/user2-160x160.jpg" class="img-circle"
														alt="User Image">
												</div>
												<h4>
													Support Team <small><i class="fa fa-clock-o"></i> 5
														mins</small>
												</h4>
												<p>Why not buy a new awesome theme?</p>
										</a>
										</li>
										<!-- end message -->
									</ul>
								</li>
								<li class="footer"><a href="#">查看全部信息</a></li>
							</ul></li>
						<!-- Notifications: style can be found in dropdown.less -->
						<li class="dropdown notifications-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="fa fa-bell-o"></i> <span class="label label-warning">10</span>
						</a>
							<ul class="dropdown-menu">
								<li class="header">你有10条通知信息</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li><a href="#"> <i class="fa fa-users text-aqua"></i>
												5 new members joined today
										</a></li>
									</ul>
								</li>
								<li class="footer"><a href="#">查看全部</a></li>
							</ul></li>
						<!-- Tasks: style can be found in dropdown.less -->
						<li class="dropdown tasks-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <i
								class="fa fa-flag-o"></i> <span class="label label-danger">9</span>
						</a>
							<ul class="dropdown-menu">
								<li class="header">You have 9 tasks</li>
								<li>
									<!-- inner menu: contains the actual data -->
									<ul class="menu">
										<li>
											<!-- Task item --> <a href="#">
												<h3>
													Design some buttons <small class="pull-right">20%</small>
												</h3>
												<div class="progress xs">
													<div class="progress-bar progress-bar-aqua"
														style="width: 20%" role="progressbar" aria-valuenow="20"
														aria-valuemin="0" aria-valuemax="100">
														<span class="sr-only">20% Complete</span>
													</div>
												</div>
										</a>
										</li>
										<!-- end task item -->
									</ul>
								</li>
								<li class="footer"><a href="#">查看全部任务</a></li>
							</ul></li>
						<!-- User Account: style can be found in dropdown.less -->
						<li class="dropdown user user-menu"><a href="#"
							class="dropdown-toggle" data-toggle="dropdown"> <img
								src="dist/img/user2-160x160.jpg" class="user-image"
								alt="User Image"> <span class="hidden-xs">徐铭杰</span>
						</a>
							<ul class="dropdown-menu">
								<!-- User image -->
								<li class="user-header"><img
									src="dist/img/user2-160x160.jpg" class="img-circle"
									alt="User Image">
									<p>
										徐铭杰 - Web Developer <small>Member since Nov. 2012</small>
									</p></li>
								<!-- Menu Body -->
								<li class="user-body">
									<div class="col-xs-4 text-center">
										<a href="#">Followers</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Sales</a>
									</div>
									<div class="col-xs-4 text-center">
										<a href="#">Friends</a>
									</div>
								</li>
								<!-- Menu Footer-->
								<li class="user-footer">
									<div class="pull-left">
										<a href="#" class="btn btn-default btn-flat">修改信息</a>
									</div>
									<div class="pull-right">
										<a href="#" class="btn btn-default btn-flat">登出</a>
									</div>
								</li>
							</ul></li>
						<!-- Control Sidebar Toggle Button -->
						<li  data-toggle="modal" data-target="#myModal"><a href="#" data-toggle="control-sidebar"><i
								class="fa fa-power-off"></i></a></li>
					</ul>
				</div>
			</nav>
		</header>
		<!-- 左侧导航栏目column. contains the logo and sidebar -->
		<aside class="main-sidebar">
			<!-- sidebar: style can be found in sidebar.less -->
			<section class="sidebar">
				<!-- Sidebar user panel 侧栏用户头像-->
				<!-- sidebar menu: : style can be found in sidebar.less -->
				<ul class="sidebar-menu">
					<li class="header">栏目导航</li>


					<!-- 左侧栏目 -->
					<li class="treeview" ng-repeat="menu in menus">
						<a href="#">
								<i class="{{menu.cssClass}}"></i> 
									<span>{{menu.name}}</span> 
								<i class="fa fa-angle-left pull-right"></i>
						</a>
						<ul class="treeview-menu">
							<li ng-repeat="subMenu in menu.subMenu">
								<a ng-click="openTab(subMenu)">
									<i class="{{subMenu.cssClass}}"></i>{{subMenu.name}}
								</a>
							</li>
						</ul>
					</li>
				</ul>
			</section>
			<!-- /.sidebar -->
		</aside>

		<!-- Content Wrapper. Contains page content -->
		<div class="content-wrapper">
			<div>
				<div class="nav-tabs-custom myNav">
					<ul class="nav nav-tabs " id="tab-Content">
						<li class="active" id="tab-0"><a href="#" data-toggle="tab" onclick="activeTab(this);"><i class="glyphicon glyphicon-home" ></i> 首页</a></li>
					</ul>
				</div>
				<!-- 主题内容 -->
				<div id="main-iframe">
					<iframe id="if-0" name="if-0" src="" height='0' ></iframe>
				</div>

			</div>
		</div>
		<!-- /.content-wrapper -->


		<footer class="main-footer">
			<div class="pull-right hidden-xs">
				<b>Version</b> 2.3.0
			</div>
			<strong>Copyright &copy; 2016-2017 <a
				href="http://www.donica.cn">多尼卡</a>.
			</strong> All rights reserved.
		</footer>
		
		<div class="modal fade" id="myModal" role="model" >
              <div class="modal-dialog">
                <div class="modal-content">
                  <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                    <h4 class="modal-title">系统消息</h4>
                  </div>
                  <div class="modal-body">
                    <p>您确定要注销会话退出系统吗？</p>
                  </div>
                  <div class="modal-footer">
                    <button type="button" class="btn btn-default pull-left" data-dismiss="modal">关闭</button>
                    <button type="button" class="btn btn-primary" onclick="logout();">确定</button>
                  </div>
                </div><!-- /.modal-content -->
              </div><!-- /.modal-dialog -->
            </div><!-- /.modal -->		
	</div>
	<!-- ./wrapper -->
	
	<script src="//cdn.bootcss.com/jquery/2.1.4/jquery.min.js"></script>
	<script src="//cdn.bootcss.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
	<script src="//cdn.bootcss.com/jqueryui/1.11.4/jquery-ui.min.js"></script>
	<script src="//cdn.bootcss.com/angular.js/1.5.5/angular.min.js"></script>
	

	<!-- 
	<script src="plugins/jQuery/jQuery-2.1.4.min.js"></script>
	<script src="plugins/jQueryUI/jquery-ui.min.js"></script>
	<script src="resources/angularjs/angular.min.js"></script>
	<script src="bootstrap/js/bootstrap.min.js"></script>
	-->
	<script>
		$.widget.bridge('uibutton', $.ui.button);
	</script>
	

	<!-- AdminLTE App -->
	<script src="dist/js/app.min.js"></script>

	<!-- AdminLTE for demo purposes -->
	<script src="dist/js/demo.js"></script>
	<script src="index.js"></script>



</body>
</html>
